<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" href="/css/layui.css">
    <script src="/layui/layui.js"></script>
    <style>
        a:hover{
            color: #777;
        }

    </style>
</head>

<ul class="layui-nav" lay-filter="" th:fragment="topbar">
    <li>
        <a class="logo" style="left: 0;position: fixed;margin-left: 16px" href="/admin/change">
            <!--头像，昵称-->
            <img style="border-radius: 20px;" th:src="@{/images/header/}+${session.get('pic')}" alt="头像" width="50px" height="50px" title="头像"/>
            <div style="display: inline;font-size: 20px;margin-left: 10px;">[[${session.nickname}]]</div>
        </a>
    </li>
    <div>
        <li class="layui-nav-item"><a href="/admin/index">管理首页</a></li>
        <li class="layui-nav-item "><a href="/">博客首页</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">详细信息</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a style="text-align: left" href="#">昵称：[[${session.nickname}]]</a></dd>
                <dd><a  href="#">邮箱：[[${session.selfemail}]]</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="/admin/out"><i  class="layui-icon layui-icon-logout"></i>登出</a></li>
    </div>
</ul>





<div th:fragment="sidebar">
    <ul class="layui-nav layui-nav-tree" lay-filter="test">

        <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
        <li th:class="${itemed=='index.html'?'layui-nav-item layui-nav-itemed':'layui-nav-item'}">
            <a href="javascript:;" class="a"><i  class="layui-icon layui-icon-home"></i>管理首页</a>
            <dl class="layui-nav-child">
                <dd><a href="/admin/edit" class="a"><i  class="layui-icon layui-icon-add-1"></i>发布博客</a></dd>
            </dl>
        </li>
        <li th:class="${itemed=='manage.html'?'layui-nav-item layui-nav-itemed':'layui-nav-item'}">
            <a href="javascript:;" class="a"><i  class="layui-icon layui-icon-set-fill"></i>管理模块</a>
            <dl class="layui-nav-child">
                <dd><a href="/admin/blogs" class="a"><i  class="layui-icon layui-icon-fonts-strong"></i>管理博客</a></dd>
                <dd><a href="/admin/comments" class="a"><i  class="layui-icon layui-icon-reply-fill"></i>评论管理</a></dd>
                <dd><a href="/admin/catagory" class="a"><i  class="layui-icon layui-icon-home"></i>分类管理</a></dd>
                <dd><a href="/admin/tags" class="a"><i  class="layui-icon layui-icon-note"></i>标签管理</a></dd>
                <dd><a href="/admin/links" class="a"><i  class="layui-icon layui-icon-heart"></i>友情链接</a></dd>
            </dl>
        </li>
        <li th:class="${itemed=='sys.html'?'layui-nav-item layui-nav-itemed':'layui-nav-item'}">
            <a href="javascript:;" class="a"><i  class="layui-icon layui-icon-util"></i>系统管理</a>
            <dl class="layui-nav-child">
                <dd><a href="/admin/config" class="a"><i  class="layui-icon layui-icon-set"></i>系统配置</a></dd>
                <dd><a href="/admin/change" class="a"><i  class="layui-icon layui-icon-password"></i>修改密码</a></dd>
            </dl>
        </li>
    </ul>
</div>

<div class="layui-footer footer-demo" th:fragment="footer">
    <div class="layui-main">
        <p>© 2021 <p/>
        <p>by [[${session.nickname}]]</p>
    </div>
</div>

<script>
    layui.use('element', function(){
        var element = layui.element;
    });
</script>

</html>